<#macro comments commentList permalink>
<div id="ajax_comments_wrapper">
    <div id="comments"></div>
    <div class="comstyle">
            ${commentList?size}&nbsp;Comments<span>&nbsp;Contributed by Visitors</span>
    </div>
    <span class="clear"></span>
    <ol class="commentlist">
        <#list commentList as comment>
        <li id="comment-${comment.oId}">
                <cite>
                        <img onclick="document.getElementById('comment').value += '&lt;a href=&quot;#comment-${comment.oId}&quot;&gt;@${comment.commentName}:&lt;/a&gt;&nbsp;'" class="atreply" title="点击回复 ${comment.commentName}" src="/skins/${skinDirName}/images/reply.png" alt="rebutton" width="20" height="16" style="display: none; " />
                        <#if "http://" == comment.commentURL>
                        ${comment.commentName}
                        <#else>
                        <a id="commentauthor-${comment.oId}" class="url" rel="external nofollow" href="${comment.commentURL}">${comment.commentName}</a>
                        </#if> / 
                        <small>${comment.commentDate?string("HH:mm:ss")}&nbsp;@&nbsp;${comment.commentDate?string("yyyy-MM-dd")}</small>
                </cite>
                <span class="cmntcnt ${comment.commentName}"><a  href="#comment-${comment.oId}">{{comment.no}}#</a></span>
                <div class="lovatar">
                        <img src="${comment.commentThumbnailURL}" alt="leehow" class="gravatar" width="48" height="48" />
                </div>
                <div class="list">
                        <p>${comment.commentContent}</p>
                </div>
        </li>
        </#list>
    </ol>
    <div id="respond" class="comstyle">Leave <span>Comments</span> Here...</div>
    <form action="/post_comment" method="post" id="commentform" class="reply">
            <p class="smilies">
                    <img onclick="emoticon(&quot;:smile:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_smile.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:grin:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_biggrin.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:sad:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_sad.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:eek:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_surprised.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:shock:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_eek.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:???:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_confused.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:cool:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_cool.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:lol:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_lol.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:mad:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_mad.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:razz:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_razz.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:oops:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_redface.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:cry:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_cry.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:evil:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_evil.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:twisted:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_twisted.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:wink:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_wink.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:?:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_question.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:idea:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_idea.gif" alt="" width="16" height="16" />
                    <img onclick="emoticon(&quot;:neutral:&quot;)" src="/skins/${skinDirName}/images/smilies/icon_neutral.gif" alt="" width="16" height="16" />
            </p>
            <div class="friendly">
                    <p>
                            <label for="author" id="authors">姓名</label>
                            <input type="text" name="author" id="author" value="" size="22" tabindex="1" class="text" />
                            <span class="tips">必填</span>
                    </p>
                    <p>
                            <label for="email" id="emails">邮件</label>
                            <input type="text" name="email" id="email" value="" size="22" tabindex="2" class="text" />
                            <span class="tips">必填&amp;保密</span>
                    </p>
                    <p>
                            <label for="url">网址</label>
                            <input type="text" name="url" id="url" value="" size="22" tabindex="3" class="text" />
                            <span class="tips">随您</span>
                    </p>
            </div>
            <p>
                    <textarea id="comment" name="comment" cols="100%" rows="10" tabindex="4" onkeyup="javascript:return ctrlEnter(event);"></textarea>
                    <span class="tips" style="left: 595px; margin-top: -4px; display: none; ">支持Ctrl+Enter快捷提交</span>
            </p>
            <p>
                    <input name="submit" onclick="validator()" type="submit" id="submit" tabindex="5" value="发送评论" style="border-top-left-radius: 7px 7px; border-top-right-radius: 7px 7px; border-bottom-right-radius: 7px 7px; border-bottom-left-radius: 7px 7px; " />
                    <input type="hidden" name="comment_post_ID" value="212" />
                    <input name="reply_notify_mail" id="reply_notify_mail" tabindex="7" checked="checked" style="width: auto;" type="checkbox" />
                    <label for="reply_notify_mail">Notify.</label>
            </p>
            <!---->
            <p id="checkarea" style="display: inline;">
                <small>
                <img id="checkimg" src="/captcha.do"style="border:0px;padding:0px;cursor:pointer;" alt="Click to change image" title="Click to change image" onclick="reloadCheckImage();"></img>
                <input type="text" name="checkret" id="checkret" value="" size="5" tabindex="5" class="text" style="width:60px;" />                
                </small>
            </p>
            <!---->
    </form>
    <ul class="endnotes">
            <li>已部署"白忙活" Anti-Spam 系统，猪肉 Spammer 请注意查看源代码链接处。</li>
            <li>本站不会泄露您的邮件地址，敬请放心。</li>
            <li>支持常用 HTML 代码调用，插入 PHP 代码需注意：<code style="padding:2px 5px">&lt; = &amp;lt;</code>，<code style="padding:2px 5px">&gt; = &amp;gt;</code> 。</li>
            <li>仅当某人针对您的评论做出回应时，您才会收到由本站发出的通知信件。</li>
            <li>如您希望以相同方式通知某位网友，请点击 <img src="/skins/${skinDirName}/images/reply.png" width="20" height="16" alt="Reply" style="vertical-align:middle"> 按钮，或自行输入 <code style="padding:2px 5px">@对方名字:</code>。</li>
            <li>鼠标移至评论列表中的 @someone: 区域即可自动显示 someone 的评论内容。</li>
    </ul>
</div>
</#macro>

<#macro comment_script oId>
<ol class="commentlist">
        <li id="comment-${comment.oId}">
                <cite>
                        <img onclick="document.getElementById('comment').value += '&lt;a href=&quot;#comment-${comment.oId}&quot;&gt;@${comment.commentName}:&lt;/a&gt;&nbsp;'" class="atreply" title="点击回复 ${comment.commentName}" src="/skins/${skinDirName}/images/reply.png" alt="rebutton" width="20" height="16" style="display: none; " />
                        <#if "http://" == comment.commentURL>
                        ${comment.commentName}
                        <#else>
                        <a id="commentauthor-${comment.oId}" class="url" rel="external nofollow" href="${comment.commentURL}">${comment.commentName}</a>
                        </#if> / 
                        <small>${comment.commentDate?string("HH:mm:ss")}&nbsp;@&nbsp;${comment.commentDate?string("yyyy-MM-dd")}</small>
                </cite>
                <span class="cmntcnt ${comment.commentName}"><a  href="#comment-${comment.oId}">{{comment.no}}#</a></span>
                <div class="lovatar">
                        <img src="${comment.commentThumbnailURL}" alt="leehow" class="gravatar" width="48" height="48" />
                </div>
                <div class="list">
                        <p>${comment.commentContent}</p>
                </div>
        </li>
</ol>
</#macro>